appDisplay: Center AllView content

If the AllView is scrolled, the vertical scrollbar will take away
some horizontal space on one side, resulting in the content ending
up slightly off-center.
Account for this by using overlay-scrollbars instead.

https://bugzilla.gnome.org/show_bug.cgi?id=694261

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 4e10623a0a1d99b2adc93aae96d6aebdbecfb510..7ae074b6512b5c0e1f869f273489caca479871ea 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -860,6 +860,11 @@ StScrollBar StButton#vhandle:active {
     padding: 4px 16px;
 }
 
+.all-apps > StBoxLayout {
+    /* horizontal padding to make sure the scrollbar doesn't overlap content */
+    padding: 0px 18px;
+}
+
 .app-folder-icon {
     padding: 5px;
 }

diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index e34955ad72dd666522ce5da3bdf7ac26e7c6e010..2b1bd9ad441166ccf66ef112baaae1e19cafe447 100644 (file)
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -176,7 +176,8 @@ const AllView = new Lang.Class({
                                          y_align: St.Align.START,
                                          x_expand: true,
                                          y_expand: true,
-                                         style_class: 'vfade' });
+                                         overlay_scrollbars: true,
+                                         style_class: 'all-apps vfade' });
         this.actor.add_actor(box);
         this.actor.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC);
         let action = new Clutter.PanAction({ interpolate: true });